<link type="text/css" href="https://cdn.bootcdn.net/ajax/libs/element-ui/2.13.2/theme-chalk/index.css" rel="stylesheet">
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.11/vue.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/element-ui/2.13.2/index.js"></script>



<!--https://element.eleme.cn/#/zh-CN/component/message-box -->
<div id="app14" style="font-size: 14px">
	<template>
		<el-button type="primary" @click="open" >提示窗</el-button>
	</template>
</div>

<script type="text/javascript">
	//组件初始化
	var Main = {
		methods: {
			open() {
				this.$alert('这是一段内容', '标题名称', {
					confirmButtonText: '确定',
	          callback: action => {//点击后触发
	          	this.$message({
	          		type: 'info',
	          		message: `action: ${ action }`
	          	});
	          }
	      });
			}
		}
	}
	var Ctor = Vue.extend(Main);
	new Ctor().$mount('#app14');
	//为演示，初始化一次点击事件
	$('.el-button').click();
</script>